<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie6" lang="zh-cn"><![endif]-->
<!--[if IE 7 ]><html class="ie7" lang="zh-cn"><![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="zh-cn"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="zh-cn"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="modern" lang="zh-cmn-Hans"><!--<![endif]-->
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title><%= Title %></title>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta property="qc:admins" content="2564556342606015466375"/>
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>common/css/common.css">
    <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>common/css/animate.min.css">
    <!-- font -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>common/font/google_opensans_v10/font.css">
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>common/font/font-awesome-4.7.0/css/font-awesome.min.css">
    <script type="text/javascript">
        window.jQuery || document.write("<script src='<%- Virtual_Path.Static %>jquery/jquery-2.1.4.min.js'>" + "<" + "/script>");
    </script>
    <!-- html5shiv -->
    <!--[if lt IE 9]>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/html5shiv/html5shiv.min.js"></script>
    <![endif]-->
    <!-- lodash -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/lodash/lodash.min.js"></script>
    <!-- moment -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/moment/moment.min.js"></script>
    <!-- JQuery.Colorbox -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/colorbox/colorbox.min.css"/>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/colorbox/colorbox.custom.css"/>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/colorbox/jquery.colorbox-min.js"></script>
    <!-- JQuery.Plugin.Select2 -->
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/select2/select2.min.css"/>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/select2/select2.full.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/select2/select2_locale_zh-CN.js"></script>
    <!-- JQuery.Form -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/form/jquery.form.min.js"></script>
    <!-- JQuery.Validate -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/jquery.validate.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/jquery.validate.extend.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/additional-methods.min.js"></script>
    <!-- JQuery.MaskedInput -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/maskedinput/jquery.maskedinput.min.js"></script>
    <script src="<%- Virtual_Path.Static %>jquery.plugin/maskedinput/jquery.maskedinput.custom.js"></script>
    <!-- MD5 -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/md5/md5.min.js"></script>
    <!-- flavr -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/flavr/flavr.min.js"></script>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/flavr/flavr.css"/>
    <!-- koc -->
    <script src="<%- Virtual_Path.Static %>jquery.plugin/koc/koc.min.js"></script>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/koc/koc.css"/>

    <script src="/js/common.js"></script>
    <script src="/js/common.main.js"></script>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/common.css"/>
    <link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/profile.css">
    <!-- PageScript -->
    <script><%- PageScript %></script>
</head>
<body>
<%- include('header') %>
<div class="xiu-container">
    <div class="user-header-bar">
        <div class="user-info-content">
            <div class="userinfo">
                <div class="user-ava-thumb">
                    <a OpenWindow=":UserAvatar:" class="user-pic-anchor">
                        <img src="" class="user-pic-thumb" id="J_MemberUser_Img"/>
                        <span class="user-pic-mask"></span>
                        <i class="user-pic-camera"></i>
                    </a>
                </div>
                <div class="user-info-desc">
                    <div class="user-data">
                        <i><img src="" alt="" id="J_MemberUser_LevelImg"></i>
                        <span class="username"><i class="icon-lev"></i><em id="J_MeberUser_NickName"></em></span>
                        <a href="/member/user/base_info"><i class="icon-edit"></i></a>
                    </div>
                    <div class="user-idinfo">
                        ID: <b id="J_MemberUser_ID">-</b>
                    </div>
                    <div class="user-upackages">
                        <div class="user-ucoin">
                            <i class="icon-ucoin"></i>
                            金币：<em id="J_MemberUser_Coin">-</em>
                        </div>
                        <div class="user-ubean">
                            <i class="icon-ubean"></i>
                            金豆：<em id="J_MemberUser_Beans">-</em>
                        </div>
                    </div>
                    <div class="user-actbtn">
                        <a href="/pay/" class="user-gopay">充值</a>
                        <a href="javascript:;" class="user-exchange" OpenWindow=":UserExchange:" id="J_User_Exchange_Pwd">兑换</a>
                    </div>
                </div>
            </div>
            <div class="user-levle-u">
                <p class="u-txt" id="J_MemberUser_DifferExp"></p>
                <div class="level-progress-bar-con">
                    <i class="ico-user-lev icon-cl">
                        <img src="" alt="" id="J_MemberUser_LevelImgs">
                    </i>
                    <div class="level-progress-bar">
                        <div class="level-progress-bar-now" style="width: 0%;" id="J_MemberUser_B"></div>
                    </div>
                    <i class="ico-user-lev icon-cr">
                        <img src="" alt="" id="J_MemberUser_NextLevelImg">
                    </i>
                </div>
            </div>
            <div class="line1_73 line1_73-1"></div>

            <div class="user-levle-u user-levle-anchor" id="J_MemberAnchor_ExpInfo">
                <p class="u-txt" id="J_MemberAnchor_DifferExp">-</p>
                <div class="level-progress-bar-con">
                    <i class="ico-user-lev icon-cl">
                        <img  alt="" id="J_MemberAnchor_LevelImgs">
                    </i>
                    <div class="level-progress-bar">
                        <div class="level-progress-bar-now" style="width: 0%;" id="J_MemberAnchor_Progress"></div>
                    </div>
                    <i class="ico-user-lev icon-cr">
                        <img  alt="" id="J_MemberAnchor_NextLevelImgs">
                    </i>
                </div>
            </div>
        </div>
    </div>
    <div class="user-container">
        <div class="pro-aside-nav">
            <ul class="navmenu-list" id="J_Member_Meun">
                <li>
                    <a href="/member/user/follow">我的关注<i></i></a>
                </li>
                <li>
                    <a href="/member/user/my_mounts">我的道具<i></i></a>
                </li>
                <li>
                    <a href="/member/user/pay_records">充值记录<i></i></a>
                </li>
                <li>
                    <a href="/member/user/consumption">消费记录<i></i></a>
                </li>
                <li>
                    <a href="/member/user/security">安全中心<i></i></a>
                </li>
            </ul>
        </div>
        <div class="pro-content-main">
            <%- Content %>
        </div>
    </div>
</div>
<script>
    $(function () {
        //导航菜单
        var host = window.location.host;
        var href = window.location.href;
        href = href.replace("http://" + host, "");
        $(".navmenu-list a[href='" + href + "']").parent("li").addClass("on");
        if (!_StateData.IsLogin) {
            return;
        }
        if(_StateData.IsAnchor){
            var _html = '<li id="J_Anchor_Cover_Info">'+
                        '<a OpenWindow=":UserCover:" class="user-pic-anchor">艺人封面<i></i></a>' +
                        '</li>'+
                        '<li id="J_My_Anchor_List">'+
                        '<a href="/member/anchor" >我是艺人<i></i></a>'+
                        '</li>' +
                        ' <li>' +
                        '<a href="/member/user/fans">我的粉丝<i></i></a>' +
                        '</li>';
            $("#J_Member_Meun").append(_html);
        }
        if(_StateData.IsFamily){
            var _html=  ' <li id="J_My_Fimly_List">'+
                        '<a href="/member/family" >我的公会<i></i></a>'+
                        '</li>';
            $("#J_Member_Meun").append(_html);
        }
        //临时方法
        if(_StateData.User_ID==27004){
            var _html=  ' <li>'+
                    '<a href="/member/user/channel-manage" >渠道管理<i></i></a>'+
                    '</li>';
            $("#J_Member_Meun").append(_html);
        }
        $('#J_MeberUser_NickName').text(_StateData.NickName);
        $('#J_MemberUser_Img').attr('src', $.Common.ImageBind.UserAvatar.fnURL(_StateData.User_ID, "54.54"));
        $('#J_MemberUser_ID').text(_StateData.User_ID);
        $.CommonMain.User_UserInfo(function (json) {
            $('#J_MemberUser_Coin').text(json.data.Coin);
            $('#J_MemberUser_Beans').text(json.data.Beans);
            $('#J_MemberUser_LevelImgs').attr('src', _VirtualPath.Static + "main/image/common/level/user/" + json.data.Level + ".png");
            $('#J_MemberUser_NextLevelImg').attr('src', _VirtualPath.Static + "main/image/common/level/user/" + json.data.Level_Next + ".png");
            var prcent = (json.data.EXP / json.data.EXP_Next).toFixed(2) * 100 + "%";
            $("#J_MemberUser_B").css('width', prcent);
            $('#J_MemberUser_DifferExp').text('还差' + json.data.EXP_Difference + '金币就可以升级了');
            if(_StateData.IsAnchor){
                $('#J_MemberAnchor_LevelImgs').attr('src', _VirtualPath.Static + "main/image/common/level/anchor/" + json.data.Anchor_Level + ".png");
                $('#J_MemberAnchor_NextLevelImgs').attr('src', _VirtualPath.Static + "main/image/common/level/anchor/" + json.data.Anchor_Level_Next + ".png");
                var prcentA = (json.data.Anchor_EXP / json.data.Anchor_EXP_Next).toFixed(2) * 100 + "%";
                $("#J_MemberAnchor_Progress").css('width', prcentA);
                $('#J_MemberAnchor_DifferExp').text('还差' + json.data.Anchor_EXP_Difference + '金豆就可以升级了');

            }else{
                $('#J_MemberAnchor_ExpInfo').remove();
            }
        });
    })
</script>
<%- include('footer') %>
</body>
</html>
